<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>参考文章：来着掘金https://juejin.cn/post/7089997204252786702</title>
	</head>
	<style>
		
	body{
		padding: 0;
		margin: 0;
		background-color: #222;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
	}
		
	.content{
		color: #5d5d5d;
		font-size: 20px;
		width: 350px;
	}
	.content p:first-of-type::first-letter {
	    color: pink;
	    float:  left;
	    font-size: 50px;
	    line-height: 50px;
	    padding-right: 8px;
	}
</style>
	<body>
		<div class="content">
		  <p>Hi! Welcome to susu's blog!first-letter获取首字母，更改其样式！设置独特的风格！
		  </p>
		</div>
	</body>
</html>
